<template>
  <div>
    <div class="row">
      <van-nav-bar title="宠物详情" left-text="返回" left-arrow>
        <template #right>
          <van-icon name="share" size="18" />
        </template>
      </van-nav-bar>
      <van-image
        width="375"
        height="300"
        radius="10"
        src="https://img01.yzcdn.cn/vant/cat.jpeg"
      />
    </div>
    <div class="row2">
      <h3>英国纯种柴犬</h3>
      <p>生日:2019-06-13</p>
      <p>发布:12小时前</p>
      <p>绝育:否</p>
      <p>品级:宠物级别</p>
      <p>疫苗:第一次 2019-07-02 英特威2联 第二次 2019-07-16 英特3</p>
    </div>
    <hr />
    <div class="row3">
      <van-contact-card
        type="edit"
        name="张三"
        tel="13000000000"
        :editable="false"
      />
    </div>
    <!-- <div class="row4">
      <van-goods-action>
        <van-goods-action-icon icon="chat-o" text="客服" @click="onClickIcon" />
        <van-goods-action-icon text="私聊卖家" @click="onClickIcon" />
        <van-goods-action-icon icon="shop-o" text="店铺" @click="onClickIcon" />
        <van-goods-action-button
          type="danger"
          text="立即购买"
          @click="onClickButton"
        />
      </van-goods-action>
    </div> -->
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  methods: {
    onClickIcon() {
      Toast("点击图标");
    },
    onClickButton() {
      Toast("点击按钮");
    },
  },
};
</script>
<style scoped>
.row2 {
  padding: 0 10px;
  background-color: #fff;
}
.row2 p {
  color: #a49fa4;
}
.row3 {
  margin-bottom: 50px;
}
</style>
<style lang="scss" scoped></style>
